$title-color:#111A34;

.agreement-drawer{

    .main{

        position:relative;
        height:100%; 

        .body{
            height:calc( 100% - 160px ); 
            box-sizing: border-box;
            padding-top: 60px;

            &-title{  

                text-align: center;
                
                .text{
                    font-size: 36px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: $title-color; 
                 
                } 

            }

            &-content{

                padding:0 32px;
                box-sizing: border-box;
                height:calc( 100% - 60px - 30px); 
                overflow: auto;

                &-title{
                    margin-top: 37px;
                    .text{
                        font-size:28px;
                        font-weight: 500;
                        color:  $title-color;
                    }
                }

                &-text{
                    margin-top: 10px;
                    .text{
                        font-size:24px;
                        font-weight: 500;
                        color:  $title-color;
                    }
                }
            }

        }

        .bottom{
            position:absolute;
            left:0;
            right:0;
            bottom:0;
            height:160px;
            background: #FFFFFF;
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.14);
            border-radius: 0px 2px 2px 0px;
            padding:20px 50px;
            box-sizing: border-box;
            color: var(--color-primary);
        }

    }

}